<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>{$michome.title}</title>
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta charset="utf-8">
<link href="http://www.apiwx.com/index/css/cate/cate2_4.css" rel="stylesheet" type="text/css" />
<link href="http://www.apiwx.com/index/css/iscroll.css" rel="stylesheet" type="text/css" />
<style>
 
 .themeStyle{ background-color:#E00B19 !important; }  
</style>

 
</head>

<body id="cate2">
<div class="banner">
<div id="wrapper">
<div id="scroller">
<ul id="thelist">
 <volist name="infos" id="info">
<li><p>{$info.title}</p><a href="{$info.url}" > <img src="{$info.picurl}"></a></li>
 </volist>
 

</ul>
</div>
</div>
<div id="nav">
<div id="prev" onclick="myScroll.scrollToPage('prev', 0,400,4);return false">&larr; prev</div>
<ul id="indicator">
            
 <volist name="infos"  id="info">
<li   >{$i}</li>
 </volist>
 
</ul>
<div id="next" onclick="myScroll.scrollToPage('next', 0);return false">next &rarr;</div>
</div>
<div class="clr"></div>
</div>

 <div id="insert1" ></div>
<div id="todayList">
<ul  class="todayList">
   
<volist name="types" id="t">
<li class="only2">
<a href="{$t.url}">
<h2 class="menutitle">{$t.title}</h2>
<span class="icon">&nbsp;</span>
</a>
</li>
</volist> 

    
</ul>
</div>
<script>


var count = document.getElementById("thelist").getElementsByTagName("img").length;  


for(i=0;i<count;i++){
 document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";

}

document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px";


 setInterval(function(){
myScroll.scrollToPage('next', 0,400,count);
},3500 );

window.onresize = function(){ 
for(i=0;i<count;i++){
document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";

}

 document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px";
} 

</script>
 <div id="insert2" ></div>
 <div class="copyright"  >© 2001-2013 {$michome.title} 版权所有</div> <div style="display:none"> </div>

</body>
</html>
<script src="http://www.apiwx.com/index/js/iscroll.js" type="text/javascript"></script>
<script type="text/javascript">
var myScroll;

function loaded() {
myScroll = new iScroll('wrapper', {
snap: true,
momentum: false,
hScrollbar: false,
onScrollEnd: function () {
document.querySelector('#indicator > li.active').className = '';
document.querySelector('#indicator > li:nth-child(' + (this.currPageX+1) + ')').className = 'active';
}
 });
 
 
}

document.addEventListener('DOMContentLoaded', loaded, false);
</script>
